<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 视口（作用于移动端，能适配平板、手机页面） -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>喜邦-公司详情页</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
<link rel="stylesheet" href="css/cop_scrp.css">
<!--[if lt IE 9]>
<script src="js/ie8-responsive-file-warning.js"></script>
<![endif]-->
<script src="js/ie-emulation-modes-warning.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">
    <img src="images/logo.png" alt="">
    </a>
  </div>
  <div id="navbar" class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">首页</a></li>
      <li><a href="#about">公司</a></li>
      <li><a href="#contact">案例</a></li>
      <li><a href="#contact"><img src="images/logo.png" alt=""></a></li>
      <li><a href="#contact">团队</a></li>
      <li><a href="#contact">咨询</a></li>
      <li><a href="#contact">联系</a></li>
    </ul>
  </div>
  <!--/.nav-collapse -->
</div>
</nav><!-- 广告轮廓图 -->
<div class="banner">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="images/banner.png" alt="...">
        <div class="carousel-caption">
        ...
        </div>
      </div>
      <div class="item">
        <img src="images/banner.png" alt="...">
        <div class="carousel-caption">
        ...
        </div>
      </div>
      <div class="item">
        <img src="images/banner.png" alt="...">
        <div class="carousel-caption">
        ...
        </div>
      </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
  </div>
</div>


<div class="container ">
  <div class="row menu">
    <div class="col-xs-4 col-sm-4 col-md-4 text-right">
      <a href="" class="active">认识喜邦</a>
    </div>
    <div class="col-xs-4 col-sm-4 col-md-4 text-center">
      <a href="">企业文化</a>
    </div>
    <div class="col-xss-4 col-sm-4 col-md-4 text-left">
      <a href="">企业环境</a>
    </div>
  </div>
  <div class="pos">
      所在位置：
    <a href="">首页 </a>- 公司
  </div>




<div class="content1">
  <div class="title">
    <h3>认识喜邦</h3>
    <p>Cheer brand cultivates cosmetics industry for ten years</p>
  </div>
   <div class="box pull-right box1">
<h4>广州喜邦广告设计有限公司</h4>
<p>Guangzhou xiban advertising design co., LTD</p>
<p class="p_c">喜邦广告成立于2005年，公司专注于为化妆品行业客户提供品牌策略服务、平面创意表现、包装设计、终端形象设计的综合性广告平面设计类综合服务商。在将近10年的公司成长中，
我们为国内外一大批行业客户提供了睿智而丰富的创意支持，并且也帮助许多业界品牌通过我们的策略和设计包装在市场中获得知名度。</p>
  </div>


<img src="images/company1.gif" alt="">
<img src="images/company2.gif" alt="">
<img src="images/company3.gif" alt="">
<img src="images/company4.gif" alt="">
<img src="images/company5.gif" alt="">
<img src="images/company6.gif" alt="">
<img src="images/company7.gif" alt="">
<img src="images/company8.gif" alt="">
<img src="images/company9.gif" alt="">
<img src="images/company10.png" alt="">

<!-- 不好用栅格系统就不要用，不然会浪费大量的时间 -->

</div>

<div class="clearfix"></div>

<div class="content2">
  <div class="title">
    <h3>企业文化</h3>
    <p >With wisdom and professional to create happiness for clients</p>
  </div>

<div class="box box2">
  <p class="p_c">喜邦秉承“分享”与“创造”的文化理念，为员工提供幸福感的工作，用智慧与专业为客户创造幸福感。我们拥有“用心 耐心 创意 诚意”的设计宗旨，坚信只有帮助企业解决实
际问题，才能为企业领导、员工及其家属带来幸福感，才能实现我们的价值。</p>

</div>
<div class="row text-center">
    <div class="col-md-3"><img src="images/companya.png" alt=""><p>用心With your heart</p></div>
   <div class="col-md-3"><img src="images/companyb.png" alt=""><p>耐心Patienec</p></div>
   <div class="col-md-3"><img src="images/companyc.png" alt=""><p>创意Creative</p></div>
    <div class="col-md-3"><img src="images/companyd.png" alt=""><p>诚意Sincerity</p></div>

</div>


  </div>
<div class="content3">
  <div class="title">
    <h3>公司环境</h3>
    <p>Cheer brand cultivates cosmetics industry for ten years</p>
  </div>

</div>
<div class="row text-center btm">
    <div class="col-md-3"><img src="images/companya.png" alt=""><p>楼梯一角</p></div>
   <div class="col-md-3"><img src="images/companyb.png" alt=""><p>项目接待室</p></div>
   <div class="col-md-3"><img src="images/companyc.png" alt=""><p>办公室一角</p></div>
    <div class="col-md-3"><img src="images/companyd.png" alt=""><p>客户接待室</p></div>

</div>

</div>


<div class="clearfix">
</div>
<div class="foot">
  <div class="container ">
    <div class="row footer">
      <div class="col-md-2">
        <img src="images/logo2.png" alt="" class="logo">
      </div>
      <div class="col-md-6 center">
        <p>
          喜邦品牌十年深耕化妆品产业
        </p>
        <p>
          友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a href="">谷歌</a>
        </p>
        <p>
          广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a>
        </p>
      </div>
      <div class="col-md-4 right">
        <p>
          E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a>
        </p>
        <p>
          全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a>
        </p>
        <p>
          地址：广州市白云区新市齐富路联富大厦6018
        </p>
      </div>
    </div>
  </div>
</div>
<!-- Bootstrap core JavaScript
    ================================================== --><!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>